<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/mydata.css">
    <link rel="stylesheet" href="./css/style2.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <div class="header">
        <div class="header_cen ">
            <div class="hl fl">
                <a href="#"><span>手机逛淘宝</span></a>
            </div>
            <div class="hr fr">
                <a href=""><span>淘宝网首页</span></a>
                <a href="http://localhost:3000/function.html"><span>我的淘宝</span></a>
                <a href=""><span>购物车</span></a>
                <a href=""><span>收藏夹</span></a>
                <a href=""><span>商品分类</span></a>
                <a href=""><span>卖家中心</span></a>
                <a href=""><span>联系客服</span></a>
                <a href=""><span>网站导航</span></a>
            </div>
        </div>
    </div>
    <header>
        <div class="content">
            <h1><a href="#">我的淘宝</a></h1>
            <ul>
                <li><a href="http://localhost:3000/function.html">首页</a></li>
                <li><a href="./mydata.html">用户管理</a></li>
            </ul>
            <div class="int">
                <input type="text" class="txt" placeholder="手机">
                <input type="button" class="btn" value="搜索">
            </div>
        </div>
    </header>

    <main>
        <dl>
            <dt ><a href="./mydata.html" id="title1">个人资料</a></dt>
            <dt ><a href="./address.html" id="title2">收货地址</a></dt>
        </dl>
        <form action="#">
            <fieldset>
                <legend>个人资料</legend>
                <h3>基本资料</h3>
                <div class="content">
                    <p>亲爱的<b>用户名</b>，填写真实的资料，有助于好友找到你哦。</p>
                    <div class="headImg">
                        <span>当前头像：</span>
                        <div class="demo">
                            <img src="	https://wwc.alicdn.com/avatar/getAvatar.do?userId=3448107368&width=160&height=160&type=sns"
                                alt="">
                            <input type="file" class="file">
                            <a href="#">编辑头像</a>
                        </div>
                    </div>
                    <div class="box">
                        <strong>*</strong>
                        <span>昵称：</span>
                        <input type="text" value="用户名" class="txt1">
                    </div>
                    <div class="box">
                        <strong></strong>
                        <span>真实姓名：</span>
                        <input type="text" value="用户名" class="txt2">
                    </div>
                    <div class="box">
                        <strong>*</strong>
                        <span>性别：</span>
                        <input type="radio" name="age" class="rad">男
                        <input type="radio" name="age" class="rad">女
                        <input type="radio" name="age" class="rad">保密
                    </div>
                    <div class="box">
                        <strong></strong>
                        <span>居住地：</span>
                        <input type="text" placeholder="请输入详细地址" class="add">
                    </div>
                    <div class="box">
                        <strong></strong>
                        <span>家乡：</span>
                        <input type="text" placeholder="请输入详细地址" class="add">
                    </div>
                    <input type="submit" value="保存">
                </div>
            </fieldset>

        </form>
    </main>

    <div class="backTop">
        <a href="#">
            <dl>
                <dt class="iconfont icon-zaixianzixun"></dt>
                <dd>在线咨询</dd>
            </dl>
        </a>
        <a href="#">
            <dl>
                <dt class="iconfont icon-fankui"></dt>
                <dd>反馈</dd>
            </dl>
        </a>
        <div class="iconfont icon-huidaodingbu backtop">
            <p>回顶部</p>
        </div>
    </div>
    <div class="footer">
        <ul>
            <li><a href="#">阿里巴巴集团</a></li>
            <li><a href="#">淘宝网</a></li>
            <li><a href="#">天猫</a></li>
            <li><a href="#">聚划算</a></li>
            <li><a href="#">全球速卖通</a></li>
            <li><a href="#">阿里巴巴国际交易市场</a></li>
            <li><a href="#">1688</a></li>
            <li><a href="#">阿里妈妈</a></li>
            <li><a href="#">飞猪</a></li>
            <li><a href="#">淘小铺</a></li>
            <li><a href="#">阿里云计算</a></li>
            <li><a href="#">AliOS</a></li>
            <li><a href="#">阿里通信</a></li>
            <li><a href="#">一淘</a></li>
            <li><a href="#">万网</a></li>
            <li><a href="#">高德</a></li>
            <li><a href="#">UC</a></li>
            <li><a href="#">友盟</a></li>
            <li><a href="#">阿里安全虾米</a></li>
            <li><a href="#">大麦网</a></li>
            <li><a href="#">钉钉</a></li>
            <li><a href="#">支付宝</a></li>
            <li><a href="#">优酷</a></li>
            <li><a href="#">土豆</a></li>
            <li><a href="#">阿里健康</a></li>
            <li><a href="#">阿里影业</a></li>
            <li><a href="#">阿里体育</a></li>
            <li><a href="#">网商银行</a></li>
        </ul>
    </div>
    <div class="last">
        <ul>
            <li><a href="#">关于淘宝</a></li>
            <li><a href="#">合作伙伴</a></li>
            <li><a href="#">营销中心</a></li>
            <li><a href="#">廉正举报</a></li>
            <li><a href="#">联系客服</a></li>
            <li><a href="#">开放平台</a></li>
            <li><a href="#">诚征英才</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">网站地图</a></li>
            <li><a href="#">隐私权政策</a></li>
            <li><a href="#">法律声明</a></li>
            <li><a href="#">知识产权</a></li>
            <li><a href="#">版权所有</a></li>
            <span>© 2003-现在 Taobao.com 版权所有</span>
            <li><a href="#">增值电信业务经营许可证：浙B2-20080224</a></li>
            <li><a href="#">增值电信业务经营许可证（跨地区）： B2-20150210</a></li>
            <span>浙网文（2019）1033-086号</span>
            <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
            <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
            <span>短消息类服务接入代码使用证书：号【2016】00154-A01</span>
            <span>信息网络传播视听许可证：1109364号</span>
            <span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span>
            <span>浙公网安备 33010002000078号</span>
            <span>广播电视节目制作经营许可证（浙）字第01012号</span>
            <span>市场名称登记证：工商网市字3301004120号</span>
            <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span>
        </ul>
        <img src="./images/add.png" alt="">
    </div>
</body>
<script src="./js/scroll1.js"></script>
<script>
    let name1 = document.querySelector(".content b")
    let txt1 = document.querySelector(".txt1")
    let txt2 = document.querySelector(".txt2")
    name1.innerHTML = location.search.slice(1);
    txt1.value = location.search.slice(1);
    txt2.value = location.search.slice(1);
</script>


</html>